/**
 * Created by user on 2018/3/20.
 */
import React, { Component } from 'react'
import { connect } from 'react-redux'
import QaContent from './qaContent'
import QaTitle from './qaTitle'
import BigImageMask from './bigImageMask'

class QaScreen extends Component {
  render() {
    const { color_theme, showQa } = this.props
    const _className = color_theme === 'red' ? 'qa_title red' : 'qa_title'
    return (
      <div style={{display: showQa ? 'block' : 'none'}}>
        <div className="replay_qa_screen">
          <div className="replay_qa_screen_left"></div>
          <div className="replay_qa_screen_right">
            <QaTitle />
            <QaContent />
            <BigImageMask />
          </div>
        </div>
      </div>
    )
  }
}
const mapStateToProps = (state) => {
  return Object.assign({}, state.QaState, {
    color_theme: state.MainScreenState.info.color_theme,
    showQa: state.ReplayState.showType.qaScreen
  })
}
export default connect(mapStateToProps)(QaScreen)
